<template>
    <div class="container">
        <div class="container_div">
                <a-icon type="check-circle" style='font-size: 50px;color:#29a576;' theme='filled' /><span>登录密码重置成功！</span>
        </div>
        
        <a-button style="margin-top:20px;width:100px;" type="primary" @click='gologin'>确定</a-button>
    </div>
</template>

<script>
    import api from "@/common/api";
    import { get, post } from "@/common/api";

    export default {
        name: "Login",
        data() {
            return {
            };
        },
        watch: {},
        computed: {},
        mounted() {
        },
        methods: {
            gologin() {
                this.$router.push("/home");
            }
        }
    };
</script>

<style lang="less" scoped>
    span {
        cursor: pointer;
    }

    .formGroupTitle {
        font-size: 20px;
        font-weight: 500;
        text-align: right;
        color: #333;
    }

    .but_sty {
        width: 30%;
    }

    /* .resClass{
        width:50%;
        margin:0 auto;
        text-align: center;
    } */
    .container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        height: 100vh;
    }
    .container_div {
        display: flex;
        align-items: center;
    }
    .container span {
        font-size: 32px;
        margin-left: 20px;
    }
</style>